import React from "react";
import { useTranslation } from "react-i18next";
import { Table, Typography } from 'antd';

const LesionTable = props => {
  const { data } = props;
  const { t } = useTranslation("Measurements");
  const columns = [{
    title: t("Number"),
    dataIndex: 'number',
    key: 'number',
  },{
    title: t("LD(mm)"),
    dataIndex: 'LD',
    key: 'LD',
  },{
    title: t("SD(mm)"),
    dataIndex: 'SD',
    key: 'SD',
  },{
    title: t("New"),
    dataIndex: 'newLesion',
    key: 'newLesion',
  },{
    title: t("Target"),
    dataIndex: 'target',
    key: 'target',
  },{
    title: t("Operations"),
    dataIndex: 'operations',
    key: 'operations',
  }];

  return (<div className="lesion-table">
    {/* <Typography.Title level={5}>{t(type + " Lesion")}</Typography.Title> */}
    <Table columns={columns} dataSource={data}>

    </Table>
  </div>)
}

export default LesionTable;
